<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>补偿书</title>
</head>
<style>
    .k{
        max-width: 900px;
        margin:0 auto;
    }
    .title{
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        padding-top: 30px
    }
    .tip{
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        padding: 10px 0
    }
    .tablee{
        border:1px solid #333;

    }
    .tablee .cont{
        padding:30px;
        box-sizing: border-box;
    }
    .cont .cont_title{
        font-size: 18px;
        font-weight: bold;
    }
    .cont_title input{
        font-size: 18px;
        font-weight: bold;
        background: transparent;
        border:0
    }
    .cont p{
        font-size: 16px;
        /*text-indent: 2em;*/
        /*line-height: 25px;*/

        /*color: #000;*/
        /*text-decoration: underline;*/
    }
    .qian{
        border-top: 1px solid #333;
        display: flex;
    }
    .qian .qian_left{
        width: 100%;
        height: 300px;
        box-sizing: border-box;
        padding:30px;
    }
    .qian_left .date{
        padding-top: 200px;
        float: right;
    }
    .plan{
        border-top: 1px solid #333;
        padding:30px;
    }
    .dayin{
        width: 75px;
        background: #1E9FFF;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        padding: 5px 0;
        margin:10px auto;
        cursor:pointer;

    }
    .cont .text1{
        background: transparent;
        border:0px;
        width: 100%;
        height:150px;
        line-height:30px;
        text-decoration: underline;
        text-indent: 2em;
        font-size: 16px;
        overflow-y: hidden;
    }
    .cont .text2{
        background: transparent;
        border:0px;
        width: 100%;
        height:120px;
        line-height:30px;
        text-decoration: underline;
        text-indent: 2em;
        font-size: 16px;
        overflow-y: hidden;
    }
    .plan input{
        background: transparent;
        border:0px;
        width: 70%;
    }
</style>
<body>
<div class="dayin" onclick="doPrint()">打印</div>
<div class="k" id="wendang">
    <div class="title">{$site.bjd_company}</div>
    <div class="tip">补偿书</div>
    <div class="tablee">
        <div class="cont">
            <div class="cont_title"><input style="width:100%" value="{$site.bjd_company}:"></div>
            <p style="margin-top:20px"><textarea class="text1">我权益人 {$res.learned_name}（身份证/代码证号 ：{$ress.learned_num}）享有所有权的机动车辆牌照号{$res.car_num}服务单号{$res.tong_number}，于{$res.baoan_time}许在{$res.address}发生交通事故，初级审核补偿款 {$shoukuan.money}（人民币大写:{$shoukuan.daxie}）。 现同意将该案件标的车{$res.car_num}的损失（含施救费）补偿给本人后结案。</textarea></p>
            <p><textarea class="text2">特立本书为证，以后任何经济纠纷与他人无关，此事故{$site.bjd_company}补偿完毕后，各方互不纠缠就此结案。本书所列内容为权益人真实意思表示，如有任何虚假，由权益人承担相应后果及法律责任，最终补偿金额以终级审核为准。</textarea></p>
        </div>
        <div class="qian">
            <div class="qian_left" style="">
                <div>权益人（签字盖章）：</div>
                <div class="date">签字日期：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 年 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日 </div>
            </div>
        </div>
        <div class="plan">
            {if $shoukuan}
            <p>开户行：<input value="{$shoukuan.bank}"></p>
            <p>帐号：  <input value="{$shoukuan.account}"></p>
            {else}
            <p>开户行：</p>
            <p>帐号：  </p>
            {/if}
        </div>
    </div>
</div>
</body>
</html>
<script src="/assets/libs/jquery/dist/jquery.js"></script>
<script>
    function doPrint() {
        $('.dayin').hide();
        window.print()
        return false;
        var printContents = $("#wendang").html();
        var w = window.open('', '_blank');
        w.document.write(printContents);
        w.document.write(`<style>
    body{
    font-size: 16px;
    background:#fff
  }
  .k{
        max-width: 900px;
        margin:0 auto;
    }
    .title{
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        padding-top: 30px
    }
    .tip{
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        padding: 10px 0
    }
    .tablee{
        border:1px solid #333;

    }
    .tablee .cont{
        padding:30px;
        box-sizing: border-box;
    }
    .cont .cont_title{
        font-size: 18px;
        font-weight: bold;
    }
    .cont_title input{
        font-size: 18px;
        font-weight: bold;
        background: transparent;
        border:0
    }
    .cont p{
        font-size: 16px;
        /*text-indent: 2em;*/
        /*line-height: 25px;*/

        /*color: #000;*/
        /*text-decoration: underline;*/
    }
    .qian{
        border-top: 1px solid #333;
        display: flex;
    }
    .qian .qian_left{
        width: 100%;
        height: 300px;
        box-sizing: border-box;
        padding:30px;
    }
    .qian_left .date{
        padding-top: 200px;
        float: right;
    }
    .plan{
        border-top: 1px solid #333;
        padding:30px;
    }
    .cont .text1{
        background: transparent;
        border:0px;
        width: 100%;
        height:150px;
        line-height:30px;
        text-decoration: underline;
        text-indent: 2em;
        font-size: 16px;
        overflow-y: hidden;
    }
    .cont .text2{
        background: transparent;
        border:0px;
        width: 100%;
        height:120px;
        line-height:30px;
        text-decoration: underline;
        text-indent: 2em;
        font-size: 16px;
        overflow-y: hidden;
    }
    .plan input{
        background: transparent;
        border:0px;
        width: 70%;
    }
    </style>`)
        w.document.close();
        w.focus();
        w.print();
        w.close();
    }
</script>